<template>
  <view class="content">
    <view class="info_h">
      <view class="uname">
        <text>爱康光电电子科技有限公司</text>
        <text>昨天</text>
      </view>
      <view class="salary">3500~4500元/月</view>
      <view class="restrain">
        <view class="res_item">
          <image src="../../static/age.jpg" mode=""></image>
          <text>18-40岁</text>
        </view>
        <view class="res_item">
          <image src="../../static/people.jpg" mode=""></image>
          <text>招200人</text>
        </view>
        <view class="res_item">
          <image src="../../static/education.jpg" mode=""></image>
          <text>学历不限</text>
        </view>
      </view>
      <view class="location">工作地点：赣州市章贡区中央城二期8栋</view>
      <view class="boon">福利：五险一金 | 包吃住 | 节日礼品</view>
    </view>

    <view class="tit">职位详情</view>
    <view class="job_info">
      任职要求：
      <br />
      1、冶金以及相关专业大专以上学历
      <br />
      2、5年以上炉长相关工作经验
      <br />
      3、熟练掌握高炉工艺技术流程；
      <br />
      4、有丰富的炉况判断经验，能熟练进行配料计算、成本核算；
      <br />
      5、能承受一定的工作压力，有良好的职业道德 、沟通协调及学习能力；
      <br />

      职位描述：
      <br />
      1、在公司领导下，积极贯彻执行公司的各项规章制度。组织好岗位员工，全面完成公司下达的各项生产任务及其他各项经济技术指标。
      <br />
      2、切实做好安全均衡生产，实现优质、高产、低耗、长寿、高效益。
      <br />
      3、根据生产要求及设备状况、原燃料条件，选择合适的操作制度，搞好协调生产。
      <br />
      4、根据生产情况，协调本岗位人员，做好分析总结生产情况。
      <br />
      5、组织好员工业务技术的学习，不断提高技术操作水平。
      <br />
    </view>
    <view class="photo">
      <view class="uname">唐经理</view>
      <view class="number">
        <text>400*********</text>
        <image src="../../static/phtot.jpg" mode=""></image>
      </view>
    </view>
    <view class="btn">
      <view class="btn_l">
        <view class="share">
          <image src="../../static/share.jpg" mode=""></image>
          <text>分享</text>
        </view>
        <view class="collect">
          <image src="../../static/collect.jpg" mode=""></image>
          <text>收藏</text>
        </view>
      </view>
      <view class="send">投递简历</view>
    </view>
    
    <!-- 弹窗 -->
    <view class="pop" v-if="false">
      <view class="big"></view>
      <view class="p_info">
        <view class="info_t">
          <view class="p_tit">
            简历信息不完整！
          </view>
          <view class="pop_content">
            是否前去补充完整简历
          </view>
        </view>
        <view class="p_btn">
          <view class="cancel">
           取消
          </view>
          <view class="affirm">
            确认
          </view>
        </view>
      </view>
    </view>
    
    <!-- 弹窗2 -->
    <view class="pop" v-if="false">
      <view class="big"></view>
      <view class="p_info">
        <view class="info_t">
          <view class="p_tit2">
            拨打电话需要
          </view>
          <view class="pop_content2">
            投递一份简历哦
          </view>
        </view>
        <view class="p_btn">
          <view class="cancel">
           取消
          </view>
          <view class="affirm">
            确认
          </view>
        </view>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {}
  }
}
</script>

<style lang="scss" scoped>
.content {
  background-color: #F1F1F1;
  .info_h {
    background-color: #FFFFFF;
    margin-top: 10rpx;
    padding: 34rpx 21rpx 27rpx;
    .uname {
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-size:34rpx;
      font-weight:500;
      color:rgba(51,51,51,1);
      text:nth-child(2) {
        font-size:24rpx;
        font-weight:400;
        color:rgba(153,153,153,1);
      }
    }
    .salary {
      font-size:34rpx;
      font-weight:500;
      color:rgba(255,11,0,1);
      margin-top: 22rpx;
    }
    .restrain {
      font-size:24rpx;
      font-weight:500;
      color:rgba(153,153,153,1);
      display: flex;
      align-items: center;
      margin-top: 20rpx;
      .res_item {
        margin-right: 40rpx;
        display: flex;
        align-items: center;
        image {
          width: 25rpx;
          height: 25rpx;
          margin-right: 9rpx;
        }
      }
    }
    .location {
      margin-top: 25rpx;
      font-size:24rpx;
      font-weight:500;
      color:rgba(153,153,153,1);
      background: url(../../static/loc_ico.jpg) no-repeat left center;
      background-size: 21rpx 27rpx;
      padding-left: 32rpx;
    }
    .boon {
      margin-top: 25rpx;
      font-size:24rpx;
      font-weight:500;
      color:rgba(153,153,153,1);
      background: url(../../static/boon.jpg) no-repeat left center;
      background-size: 24rpx 22rpx;
      padding-left: 33rpx;
      color:rgba(255,105,63,1);
    }
  }

  .tit {
    background-color: #FFFFFF;
    margin-top: 10rpx;
    padding: 26rpx 19rpx;
    font-size:30rpx;
    font-weight:500;
    color:rgba(51,51,51,1);
  }
  .job_info {
    background-color: #FFFFFF;
    margin-top: 1px solid #F1F1F1;
    font-size:28rpx;
    color:rgba(119,119,119,1);
    line-height:24px;
  }
  .photo {
    height: 160rpx;
    background-color: #FFFFFF;
    margin-top: 10rpx;
    display: flex;
    flex-direction: column;
    justify-content: center;
    .uname {
      font-size:30rpx;
      font-weight:500;
      color:rgba(51,51,51,1);
      text-align: center;
    }
    .number {
      font-size:30rpx;
      font-weight:500;
      color:rgba(255,68,96,1);
      text-align: center;
      image {
        width: 34rpx;
        height: 34rpx;
      }
    }
  }
  .btn {
    background-color: #FFFFFF;
    margin-top: 10rpx;
    height: 100rpx;
    display: flex;
    .btn_l {
      flex:1;
      display: flex;
      justify-content: center;
      align-items: center;
      .share {
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        image {
          width: 34rpx;
          height: 34rpx;
        }
        text {
          font-size:24rpx;
          font-weight:500;
          color:rgba(102,102,102,1);
        }
      }
      .collect {
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        image {
          width: 39rpx;
          height: 37rpx;
        }
        text {
          font-size:24rpx;
          font-weight:500;
          color:rgba(102,102,102,1);
        }
      }
    }
    .send {
      flex:1;
      background:rgba(46,144,243,1);
      font-size:34rpx;
      font-weight:500;
      color:rgba(255,255,255,1);
      text-align: center;
      line-height: 100rpx;
    }
  }
  .pop {
    .big {
      position: fixed;
      bottom: 0;
      left: 0;
      top: 0;
      right: 0;
      background:rgba(0,0,0,1);
      opacity:0.3;
    }
    .p_info {
      position: absolute;
      top: 552rpx;
      left: 125rpx;
      width: 500rpx;
      height: 230rpx;
      background-color: #FFFFFF;
      border-radius: 6rpx;
      .info_t {
        height: 150rpx;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        font-size:28rpx;
        border-bottom: 1px solid #DDDDDD;
        .p_tit {
          margin-top: 14rpx;
          color:rgba(34,34,34,1);
        }
        .pop_content {
          margin-top: 15rpx;
          color:rgba(153,153,153,1);
        }
      }
      .p_btn {
        height: 79rpx;  
        display: flex;
        line-height: 79rpx;
        .cancel {
          flex:1;
          text-align: center;
          border-right: 1px solid #ddd;
          font-size:28rpx;
          font-weight:400;
          color:rgba(34,34,34,1);
        }
        .affirm {
          flex:1;
          text-align: center;
          font-size:28rpx;
          font-weight:400;
          color:rgba(46,144,243,1);
        }
      }
    }
  }
  
  .pop {
    .info_t {
      color:rgba(34,34,34,1);
      .p_tit2 {
        
      }
      .pop_content2 {
        
      }
    }
  }
}
</style>
